"use client"

import { RotateCcw, ArrowLeft } from "lucide-react"

interface GameControlsProps {
  onRestart: () => void
  onBack: () => void
}

export function GameControls({ onRestart, onBack }: GameControlsProps) {
  return (
    <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 flex gap-4">
      <button
        onClick={onRestart}
        className="w-12 h-12 bg-white/20 hover:bg-white/30 backdrop-blur-sm rounded-full flex items-center justify-center text-white transition-colors"
        title="重新开始"
      >
        <RotateCcw size={20} />
      </button>
      <button
        onClick={onBack}
        className="w-12 h-12 bg-white/20 hover:bg-white/30 backdrop-blur-sm rounded-full flex items-center justify-center text-white transition-colors"
        title="返回"
      >
        <ArrowLeft size={20} />
      </button>
    </div>
  )
}
